<template>
	<el-container >
		<el-aside width="200px">
			<Menu />
		</el-aside>
		<el-container class="container-left">
			<el-header class="header">
				<Header />
			</el-header>
			<el-main class="container">
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
import Menu from "../layout/menu"
import Header from "../layout/header"

export default {
  	name: 'App',
  	components:{
		Menu,
		Header
	}
}
</script>

<style lang="css" scoped>
	.header {
		background-color: #fff;
	}
	.container {
		position: absolute;
		top: 84px;
		bottom: 0;
		right: 0;
		left: 200px;
		width: auto;
		padding-top: 0;
	}
</style>